@extends('home.layout')
@section('title',$title)
@section('head')
    <title>{{ $title }} - {{config('app.webName')}}</title>
    <style type="text/css">
	    .home-content-wrapper{
	        max-width:1920px;
	    }
	  
	    .module{
	        position: relative;
	        width: 100%;
	        overflow: hidden;
	    }

	    .home-wrapper {
	        width:1920px;
	        display:block;
	        margin:0 auto;
	    }

	    .home-wrapper > img{
	        display: block;
	        width: 100%;      
	        min-height: 200px;
	    }
	    
	    .full .home-wrapper{
	        width: 1920px;
	        position: relative;
	        margin-left: 50%;
	        left: -960px;
	    }   
	 
	    .module area{
	        outline: 0;
	    }

	    #content {
	        padding-bottom: 0;
	    }
	</style>
@endsection
@section('content')
	<div id="content" class="cl">
		<div id="j_HomeBanner" class="home-banner">
			<ul class="container">
				<li style="z-index: 9; opacity: 1; display: block;" class="banner-item instage">
					<p><img src="1/20160820152726473902_original.jpg" title="" alt=""></p>
				</li>
				<li class="banner-item" style="display: none; z-index: 1;">
					<a target="_blank" href="http://shop.vivo.com.cn/product/9927">
						<p>
							<img src="1/20160820175944132400_original.jpg" title="" alt="">
							<map name="module-2">
								<area coords="468,348,632,402" activity-id="9" target="_blank">
								<area coords="540,414,732,448" href="" target="_blank">
								<area coords="640,348,806,402" href="" target="_blank">
							</map>
						</p>
					</a>
				</li>
				<li class="banner-item" style="display: none; z-index: 1;">
					<p><img src="1/20160822154436530485_original.jpg" title="" alt=""></p>
				</li>
			</ul>
			<div id="j_bannerIndicator" class="indicator">
				<span class="on"></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<div class="home-content-wrapper">
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/20160820152731239189_original.jpg" usemap="#module-1">
					<map name="module-1">
						<area coords="500,168,633,201" href="" target="_blank">
						<area coords="1019,180,1182,218" href="" target="_blank">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/20160829152129151977_original.jpg" usemap="#module-8">
					<map name="module-8">
						<area coords="1066,485,1276,537" href="" target="_blank">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/2016082915195250031_original.jpg" usemap="#module-9">
					<map name="module-9">
						<area coords="1144,324,1348,376" href="" target="_blank">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/2016082915253214191_original.jpg" usemap="#module-3">
					<map name="module-3">
						<area coords="642,332,850,384" href="" target="_blank">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/20160829152214925371_original.jpg" usemap="#module-5">
					<map name="module-5">
						<area coords="526,631,652,669" href="http://shop.vivo.com.cn/product/9918" target="_blank">
						<area coords="1026,631,1150,669" href="http://shop.vivo.com.cn/product/125" target="_blank">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/2016082915235310190_original.jpg" usemap="#module-4">
					<map name="module-4">
						<area coords="1124,487,1248,527" href="" target="_blank">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/20160829152442574439_original.jpg" usemap="#module-6">
					<map name="module-6">
						<area coords="656,447,780,487" href="" target="_blank">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/20160829152505761478_original.jpg" usemap="#module-7">
					<map name="module-7">
						<area coords="626,608,750,644" href="http://shop.vivo.com.cn/product/9919" target="_blank" alt="">
						<area coords="626,650,750,690" href="http://shop.vivo.com.cn/product/248" target="_blank" alt="">
						<area coords="1028,646,1152,682" href="http://shop.vivo.com.cn/product/9915" target="_blank" alt="">
					</map>
				</div>
			</div>
			<div class="module full">
				<div class="home-wrapper">
					<img src="1/20160820152832925772_original.jpg">
				</div>
			</div>
		</div>
	</div>
	<div style="margin-left: 620px;" id="airbox">
		<div style="display: block;" id="j_GoTop" class="go-top">
			<a href="javascript:;" rel="nofollow" title="返回顶部"></a>
		</div>
	</div>
	<div id="side-bar">
		<a class="online-service" target="_blank" href=""></a>
	</div>
@endsection
@section('tail')
@endsection